{% extends "base.html" %}
{% block content %}
<div class="container py-5">
  <h2 class="mb-4 text-center">🏆 Leaderboard</h2>

  <table class="table table-striped table-bordered">
    <thead class="table-dark">
      <tr>
        <th>Rank</th>
        <th>User</th>
        <th>Quiz</th>
        <th>Score</th>
        <th>Max Score</th>
        <th>Date</th>
      </tr>
    </thead>
    <tbody>
      {% for attempt in attempts %}
        <tr {% if forloop.first %}class="table-success fw-bold"{% endif %}>
          <td>{{ forloop.counter }}</td>
          <td>{{ attempt.user.username }}</td>
          <td>{{ attempt.quiz.title }}</td>
          <td>{{ attempt.score }}</td>
          <td>{{ attempt.max_score }}</td>
          <td>{{ attempt.finished_at|date:"M d, Y H:i" }}</td>
        </tr>
      {% empty %}
        <tr>
          <td colspan="6" class="text-center">No quiz attempts yet.</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="text-center mt-3">
    <a href="{% url 'quizzes:quiz_list' %}" class="btn btn-primary">← Back to Quizzes</a>
  </div>
</div>
{% endblock %}